<template>
  <div class='wrapper'>
    <div>
      <ExTooltip
        :value="overflowData"
        :contentClass="['content']"
      ></ExTooltip>
    </div>
    <div>
      <ExTooltip
        :value="normalData"
        :contentClass="['content']"
      ></ExTooltip>
    </div>
  </div>
</template>

<script>
import ExTooltip from '@/components/ExTooltip'
export default {
  components: {
    ExTooltip
  },
  name: 'exTooltip',
  data () {
    return {
      overflowData: '超长的',
      normalData: '正常'
    }
  }
}
</script>
<style lang='less' scoped>
.wrapper {
  /deep/.content {
    width: 24px;
    font-size: 12px;
    margin-left: 10px;
    padding: 10px;
  }
}
</style>
